 {include file="public/head" /}
 <meta charset="utf-8">
<body>
	<nav class="breadcrumb">
		<span class="breadcrumb-item">代理财务</span> <span
			class="breadcrumb-item">充币记录</span>
	</nav>
	<div id="box" v-cloak>
		<div class="info-title">代理充币</div>
		<button class="btn btn-sm btn-primary" @click="recharge()">点击充币</button>
		<div class="info-title">充币列表</div>
		<table class="table table-sm table-bordered">
			<tr>
				<th width="50px">#</th>
				<th>充币金额</th>
				<th>充币地址</th>
				<th>状态</th>
				<th>充币时间</th>
				<th>审核时间</th>
			</tr>
			<template v-if="list.data.length">
				<tr v-for="(item,key) in list.data">
					<td widtd="50px">{{key + 1}}</td>
					<td>{{item.price}}</td>
					<td>{{item.address}}</td>
					<td>
						<span v-if="item.state == 0" class="badge badge-primary">审核中</span>
						<span v-if="item.state == 1" class="badge badge-success">已同意</span>
						<span v-if="item.state == 2" class="badge badge-danger">已拒绝</span>
					</td>
					<td>{{item.create_time}}</td>
					<td>{{item.update_time}}</td>
				</tr>
			</template>
			<tr v-else>
				<td colspan="9" class="no-table">暂无数据</td>
			</tr>
		</table>
		<div class="page-box">
			<div>{$page}</div>
		</div>
	</div>
</body>
<script>
new Vue({
	el:"#box",
	data:{
		list : {$list | json_encode}
	},
	mounted:function(){},
	methods:{
		recharge:function(){
			layer.open({
			  	type: 2,
			  	area: ['400px', '100%'],
			  	fixed: true, //不固定
			  	offset : 'r',
			  	maxmin: true,
			  	content: '{:url("insert")}'
			});
		},
	}
});
</script>
</html>